@()(implicit request: RequestHeader)
@admin.main("阳性样本位点设置")("posSite") {

	<style>
			.icon2x {
				width: 24px;
				font-size: 20px;
				min-width: 24px;
				display: inline-block;
			}

			.myInline .form-group {
				margin-right: 5px;
				margin-left: 5px;
			}

			.myInline {
				margin-bottom: 15px;
			}

			.myInline .form-control {
				width: 90px;
			}

			.myInline .myLabel {
				font-weight: bold;
			}

			.myModal {
				font-size: 12px;
			}

			.myModal h5 {
				font-size: 12px;
			}

			.myModal .form-control {
				font-size: 12px;
			}

			.myModal input[type="radio"], input[type="checkbox"] {
				margin: 3px 0 0;
				margin-left: 0px;
				margin-top: 1px \9;
				line-height: normal;
			}

			.myModal h3 {
				font-size: 18px;
			}

			.myModal .form-group {
				margin-bottom: 10px;
			}

			.myModal .form-control{
				height: 32px;
			}

			.myModal textarea.form-control {
				height: auto;
			}


	</style>

	<div class="page-content">

		<div class="page-bar">
			<ul class="page-breadcrumb">
				<li>
					<i class="fa fa-anchor"></i>
					<span >阳性样本位点设置</span>
				</li>
			</ul>
		</div>

		<div class="row-fluid">
			<div class="row">
				<div class="col-md-12 col-sm-12">
					<div class="portlet blue-dark box">
						<div class="portlet-title">
							<div class="caption">
								阳性样本位点设置
							</div>
						</div>



						<div class="portlet-body" id="parentPanel">

							<ul class="nav nav-tabs">
								<li class="active">
									<a href="#male" data-toggle="tab" aria-expanded="false"> 男性 </a>
								</li>
								<li class="">
									<a href="#female" data-toggle="tab" aria-expanded="true"> 女性 </a>
								</li>
							</ul>

							<div class="tab-content">
								<div class="tab-pane fade active in" id="male">

									<form id="strForm" class=" form-horizontal" accept-charset="UTF-8"
									method="post" style="margin-top: 30px;">

										<h3 class="form-section">STR数据</h3>

										<h4 class="form-section">Autosomal STR数据</h4>

										<div class="form-inline  myInline" id="autoStr">


										</div>

										<h4 class="form-section">Y STR数据</h4>

										<div class="form-inline  myInline" id="yStr">


										</div>

										<h4 class="form-section">X STR数据</h4>

										<div class="form-inline  myInline" id="xStr">


										</div>


									</form>

									<form id="snpForm" class=" form-horizontal" accept-charset="UTF-8"
									method="post" style="margin-top: 30px;">

										<h3 class="form-section">SNP数据</h3>

										<div class="form-inline  myInline" id="snp">


										</div>

									</form>


								</div>
								<div class="tab-pane fade " id="female">

									<form id="strForm" class=" form-horizontal" accept-charset="UTF-8"
									method="post" style="margin-top: 30px;">

										<h3 class="form-section">STR数据</h3>

										<h4 class="form-section">Autosomal STR数据</h4>

										<div class="form-inline  myInline" id="autoStr">


										</div>

										<h4 class="form-section">Y STR数据</h4>

										<div class="form-inline  myInline" id="yStr">


										</div>

										<h4 class="form-section">X STR数据</h4>

										<div class="form-inline  myInline" id="xStr">


										</div>

									</form>

									<form id="snpForm" class=" form-horizontal" accept-charset="UTF-8"
									method="post" style="margin-top: 30px;">

										<h3 class="form-section">SNP数据</h3>

										<div class="form-inline  myInline" id="snp">


										</div>

									</form>

								</div>
							</div>


						</div>



					</div>
				</div>
			</div>
		</div>
	</div>

	<script>

			Tool.fileInput

			$(function () {
				PosSite.init
			})


	</script>


}